<!DOCTYPE html>
<html>
<head>
<title>商之联</title>
<meta http-equiv="Content-Type" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" CONTENT="-1">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
<link rel="stylesheet" href="{:C('VSHOP_CSS')}index.css"/>
<script src="{:C('VSHOP_JS')}jquery-1.9.1.min.js"></script>
<script src="{:C('VSHOP_JS')}public.js"></script>
<script src="{:C('VSHOP_JS')}home.js"></script>
<script src="{:C('VSHOP_JS')}vue.js"></script>
</head>
<body>
<header>
  <div class="head"><a href="javascript:history.go(-1)" class="head-return"></a>
    <h2 class="head-title">商品详情</h2>
  </div>
</header>
<div class="banner-slider">
  <ul>
    <li><img src="{:C('SITENAME')}{$iteminfo['itemimg']}"></li>
  </ul>
</div>
<div class="blank10"></div>
<div class="detail-box">
  <dl>
    <dd>
      <p>{$iteminfo['itemname']}</p>
      <p class="gray">{$iteminfo['bn']}</p>
     </dd>
    <dd class="mt-10"><strong class="f16 red">￥{$iteminfo['price']}</strong></dd>
  </dl>
</div>
<div class="blank10"></div>
<div class="blank10-f5"></div>
<div class="blank10"></div>

<div class="blank10"></div>
<div class="blank10-f5"></div>
<div class="detail-tab-title">
  <ul>
    <li class="current">商品详情</li>
  </ul>
</div>
<div class="blank10"></div>
<div class="detail-tab-box">
  <dl>
    <dt>
      <table width="100%" border="0">
          <foreach name='itemattr' item='attr'>
        <tr>
          <td> {$attr['propertyname']}</td><td>{$attr['propertyvalue']}</td>
        </tr>
        </foreach>
      </table>
    </dt>
    <div class="blank10"></div>
    <dd>{$itemdesc}</dd>
  </dl>
  <dl class="none">
    <dt> 2 </dt>
  </dl>
  <dl class="none">
    <dt> 3 </dt>
  </dl>
</div>
<div class="blank40"></div>
<!--底部添加购物车模块 st-->
<div class="float-cart-box">
  <dl>
    <dd class="buy-2" style="width:76%;"><a href="javascript:void(0)" onclick="$.itemDetail.getProduct({$_GET['itemid']})">加入购物车</a></dd>
    <dd class="cart"><a href=""><em><span class="num">1</span></em></a></dd>
  </dl>
</div>
<!--底部添加购物车模块 ed--> 
<!--底部购买模块 st-->
<div class="float-buy-block">
  <div class="float-buy-bg"></div>
  <div class="float-buy-box">
    <dl>
      <dt><span class="right-info">
        <p><strong class="red f16 ">特惠价:￥<i class='price'>{$iteminfo['price']} </i></strong></p>
        <p class="gray f14 ">库存：<i class='inventory'>(库存充足)</i></p>
        </span></dt>
      <dd><span class="choose-tit">数量：</span>
      <span class="num-box">
          <a href="javascript:void(0)" style="border:none;"><em class="i-1" onclick="$.itemDetail.totalprice('reduce')" >-</em> </a>
          <input name="itemnumber" type="text"  placeholder="1" value="1" style="width:25px;position:absolute;top:0;padding-top:2px;left:28px;display:block;text-align:center;border:none">
          <a href="javascript:void(0)"> <em class="i-2" onclick="$.itemDetail.totalprice('add')">+</em></a>
       </span>
        <span class="unit">件</span>
      </dd>
      <dd><span class="choose-tit">规格：</span>
        <span class="choose-con" id="app" style="margin-top:10px;">

        <a href="javascript:void(0)" class="color"   v-for="todo in todos"  v-on:click="toggleprice($index)" >{{ todo.color }}</a>
        
        </span>
      </dd>
      <a href="javascript:void(0)" class="close-buy-box">&times;</a>
    </dl>
    <ul>
      <input type="hidden" value="0" name="productid">
      <input type="hidden" value="{$_GET['itemid']}" name="itemid">
      <li class="buy-btn"><a href="javascript:void" onclick="$.itemDetail.addcart()">确定购买</a></li>
      <li class="cart-btn"><a href=""><em><span class="num">1</span></em></a></li>
    </ul>
    <div class="blank10"></div>
  </div>
</div>
<!--底部购买模块 ed-->
</body>
</html>
